<template>
    <div class="bg">
        <starttitle class="starttitle_text_class"></starttitle>
        <user-group-box class="usergroup"></user-group-box>
    </div>
</template>

<script>
import starttitle from '@/components/starttitle'
import UserGroupBox from '@/components/usergroup'
export default {
    components:{
        starttitle,UserGroupBox
    }
}
</script>

<style scoped>
.bg{
    height: 100vh;
    width: 100vw;
    background-image: url("http://127.0.0.1:8081/BackGround.png");
    background-size: 100% 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.starttitle_text_class{
    margin-top: 32vh;
}
.usergroup{
    margin-top: 20vh;
}
</style>
